<header class="header nav-wrapper top-0 right-0 left-0 w-full z-50 bg-white">
    <nav class="nav h-16 m-0-auto flex justify-between w-10/12">
        <#if settings.blog_toggle_nav!true>
            <button  class="z-10 bg-transparent shadow-none border-0 m-0 p-2" type="button">
        <#else>
            <button  class="toggle-nav z-10 bg-transparent shadow-none border-0 m-0 p-2" type="button">
        </#if>
            <div class="burger -squeeze">
                <span class="burger-lines"></span>
            </div>
        </button>
        <ul class="nav-list list-none m-0 p-0 block h-full w-full" role="navigation">
            <div class="list -left w-7/12 ">
                <@menuTag method="list">
                    <#list menus?sort_by('priority') as menu>
                        <li class="item flex flex-wrap p-0 -item">
                            <a class="link text-lg md:text-base sm:text-sm relative light-link snow-link" href="${menu.url}" target="${menu.target!}">${menu.name} </a>
                        </li>
                    </#list>
                </@menuTag>
            </div>
            <div class="list -right w-5/12">
                <div class="overlay h-full w-5/12 cursor-pointer absolute right-0 top-0 absolute"></div>
            </div>
        </ul>
    </nav>
</header>
